---
title: Pricing
category: components
container: h-auto
seo:
  title: Pricing Components
  description: Pricing components in Tailwind | LangUI
components:
  1:
    title: Pricing section with joined tiers
    dark: true
  2:
    title: Pricing section with separated tiers
    dark: true
  3:
    title: Pricing section with annual/monthly toggle
    dark: true
  4:
    title: Pricing section with emphasized tier
    dark: true
---

# Pricing Section Components

<ComponentsList
  componentsData={componentsData}
  componentContainer={componentContainer}
/>
